<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>游记详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../../resources/lib/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../../resources/travel-note/css/note-con.css">
    <link rel="stylesheet" type="text/css" href="../../resources/index/css/style1.css">
    <script style="text/javascript" src="../../resources/lib/jQuery/jquery-3.1.1.js"></script>
    <script type="text/javascript" src="../../resources/index/js/index.js"></script>
    <script type="text/javascript"
            src="../../resources/lib/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../resources/travel-note/js/note-content.js"></script>
    <script style="text/javascript" src="../../resources/index/js/login-user-id.js"></script>
</head>
<body>
<div class="" style="background:#fff6f4;!important;z-index: 100;width:100%;margin-top: 0px;">
    <div class="col-md-2">
        <img style="height:68px;width: 100%" src="../../resources/index/img/logo.png" alt=""/>
    </div>
    <!-- 代码 开始 -->
    <div id="menu2" class="menu col-md-7">
        <ul>
            <li><a  href="../index/index.html">首 页</a ></li>
            <li><a href="../scenicSpotIntroduction/scenicSpotIntroduction.html">特色景点</a></li>
            <li><a href="../gourmetHotel/gourmetHotel.html">住宿餐饮</a></li>
            <li><a href="../tourRoute/tourRoute.html">旅游导览</a></li>
            <li><a href="../backstory/backstory.html">背景故事</a></li>
            <li><a href="../aboutUs/aboutUs.html">关于我们</a></li>
            <li><a href="../travel-note/travel-note.html">游记</a></li>
        </ul>
        <div class="cls"></div>
    </div>
    <!-- 代码 结束 -->


    <div class="col-md-3 col-sm-3 col-lg-3 col-xs-12">
        <div id="weather" onmouseover="weatherView()" onmouseout="weatherViewRemove()" style="z-index: 100;position: absolute">

            地点：<span id="currentCity"></span>
            当前日期：<span id="date"></span><br/>
            天气：
            <span id="today_weather" class="weahter"></span>
            <img id="today_day" src=""/>
            <img id="today_night" src=""/>
            <div class="nextDay">
                明天：
                <span id="tomorrow_date"></span><br/>
                <img id="tomorrow_day" src=""/>
                <img id="tomorrow_night" src=""/>
                <span id="tomorrow_weather" class="weahter"></span>
                <span id="tomorrow_temperature" class="weahter"></span>
            </div>
            <div class="nextDay">
                后天：
                <span id="tomorrowAfter_date"></span><br/>
                <img id="tomorrowAfter_day" src=""/>
                <img id="tomorrowAfter_night" src=""/>
                <span id="tomorrowAfter_weather" class="weahter"></span>
                <span id="tomorrowAfter_temperature" class="weahter"></span>
            </div>
        </div>
    </div>
</div>
<div style="width:100%;height: 240px; background:url('../../resources/personCenter/img/bg-con.png')">

</div>
<div class="col-md-10 col-md-offset-1 col-xs-12">
    <img id="user_avt" class="img-circle col-md-2 col-xs-4" style="margin-top: -50px;height: 120px;width: 150px"
         src="../../resources/travel-note/img/avt.jpg">
    <br/>
    <a id="user_page_view" href=""><span id="user_email" class="glyphicon glyphicon-user col-xs-8"
                                         style="color: rgb(255, 81, 84); font-size: 21px;"></span></a>

</div>
<div class="col-md-8 col-md-offset-2 col-xs-12">
    <div class="col-md-6 col-md-offset-3 col-xs-12" style="text-align: center">
        <h2 id="travel_title">这个一个标题</h2>
        <span id="travel_type" class="glyphicon glyphicon-tags" style="color: rgb(255, 81, 84); font-size: 18px;"></span>
        <span id="issue_time" class="glyphicon glyphicon-time" style="color: rgb(255, 81, 84); font-size: 18px;"> 2016-4-25</span>&nbsp;&nbsp;&nbsp;
        <span id="like_view" class="glyphicon glyphicon-thumbs-up" val="1"
              style="color: rgb(255, 81, 84);font-size: 18px;cursor: pointer"> 55次</span>&nbsp;&nbsp;&nbsp;
        <span id="page_view" class="glyphicon glyphicon-eye-open"
              style="color: rgb(255, 81, 84); font-size: 18px;"> 98次</span>
    </div>
    <div class="con col-md-12 col-xs-12">
    <textarea id="travel_content" class="col-md-12 col-xs-12" disabled="disabled">
        Q1：蒙古安全吗？听说很反华。
A1：安全。
        年长的牧民淳朴善良，年轻的城市人高度西方化，并没有遇到传说中的反华。
        只要你不在半夜去招惹棚户区的酒鬼，就不用担心安全问题。

Q2：蒙古国和内蒙古最大区别是什么？
A2：在我看来，蒙古国是“强化版”+“西方化”的内蒙古。
        ① 传统的蒙古族文化，蒙古国保存得更加完整
        ② 蒙古国的土地更辽阔，人口密度更少
        ③ 蒙古的生活习惯要更偏向西方（比如早饭基本都是面包+奶酪）

Q3：住蒙古包是什么感觉？听说不能充电不能洗澡...
A3：前半夜被炭火热死，后半夜又被冻死，入睡还会伴随着嗡嗡的苍蝇声和呼啸的风声。
        至于充电和洗澡取决于蒙古包主人的富裕程度。
        此行并没有入住严格意义上的蒙古包，住宿是类似酒店的蒙古包营地。对于一般游客，蒙古包住两天体验一次就够了。

Q4：蒙古人到底有多崇拜成吉思汗？
A4：成吉思汗广场、成吉思汗酒店、成吉思汗机场、成吉思汗雕像、成吉思汗邮票、成吉思汗年轻/中年/老年画像、成吉思汗头像的纸币……
        蒙古人最崇拜的成吉思汗的一点是，成吉思汗是从逆境开始取得成功。


Q5：那忽必烈呢？
A5：毁誉参半，褒贬不一。
        简单来说，蒙古人人为他亲汉，汉人又认为他是蒙古人。

Q6：蒙古真的有很多羊吗？
A6：不是很多，是十分非常以及相当的多
        出了城市，随处可见的骉犇羴。据2015年的统计，蒙古人口约300w，牲畜总量在5500w，是的，牲畜数量是人口数量的18倍，在这5500w牲畜中超过85%都是羊羊羊...

Q7：那蒙古吃肉很便宜咯？
A7：是的
        良心品质、良心价格。羊肉的价格大概是国内的一半，牛肉的价格大概是国内的三分之二。要知道，一头羊在蒙古不过人民币300元。正因为有了肉的衬托，所以显得蔬菜价格贵。

Q8：听说摔跤+骑马+射箭是蒙古人的三大技能？
A8：牧区的人基本都会，城市人就不一定了

Q9：蒙古真的有海军吗？
A9：有
        蒙古的海军共有7人，平日并无军事行动，主要工作是负责船只货物运输以及保护国家水路安全。

Q10：最后一个问题，蒙古男足和中国男足谁厉害...
A10：蒙古人原话：中国足球，挺厉害的！
          在最新一期的国际足联排名中，蒙古男足排名197位，要知道国际足联一共只有211只球队...

Don't fear the unknown——蒙古国，我们来了
PS：干货部分在最后
    </textarea>
        <br/>

        <div id="imgDiv" class="col-md-10 col-md-offset-1 col-xs-12">
            <!--<img   class="default col-md-6 col-xs-6" src="../../resources/travel-note/img/cont.jpg" alt=""/>-->
            <!--<img  class=" default col-md-6 col-xs-6" src="../../resources/travel-note/img/cont.jpg" alt=""/>-->
        </div>
    </div>

    <div class="col-md-12" style="border:1px solid #cfc8b5;border-radius: 30px;">
        <!--评论框-->
        <div class=" col-md-12 col-xs-12">
            <hr/>
            <a id="view_avt_a" href=""><img id="view_avt" class="col-md-2 col-xs-4 img-circle"
                                            style="height: 60px;width: 90px"
                                            src="../../resources/travel-note/img/avt.jpg"/></a>

            <div class="col-md-10 col-xs-8">
                <textarea id="commentTxt" class="col-md-12 col-xs-12" maxlength="249" style="height: 100px"
                          placeholder="请输入你的评论(最多249字符)"></textarea>
                <input id="commentSubmit" class="btn-commit" type="button" value="发表评论"/>
            </div>


        </div>

        <!--评论内容-->
        <div class="col-md-12 col-xs-12">
            <ul id="commentContent" class="review-con col-xs-12">

            </ul>
        </div>
    </div>
</div>
<div class="col-md-12" style="text-align: center;height: 80px;font-size: 18px;background: pink">
    <div style="margin-top: 30px">
        <span>&copy;四川旅游学院信息与工程学院2017-2018&nbsp;|&nbsp; 地址：四川省成都市龙泉驿区红岭路459号&nbsp; | &nbsp;邮编：610100 </span>

    </div>

</div>
<script type="text/javascript">
    //用于登录账户发表评论
    $("#commentSubmit").click(function () {

        //获得评价文本内容
        var txt = $("#commentTxt").val();
        var comment = {};
        if (txt.length != 0 && userId) {
            //封装对象
            comment.commentUser = userId;
            comment.commentTravel = travelId;
            comment.commentContent = txt;

            $.ajax({
                async: "true",
                type: 'POST',
                url: url + '/comments/create',
                contentType: 'application/json;charset=utf-8',
                dataType: 'json',
                traditional: true,
                data: JSON.stringify(comment),
                success: function (result) {
                    if (result.error == 0) {
                        $('.comment_ul').remove();
                        $('.default_ul').remove();

                        getComments(travelId);
                        $("#commentTxt").val('');
                    } else {
                        alert('添加评论失败，请重试');
                    }
                },
                error: function (xhr, type) {
                    alert('请求出错，再刷新试试');
                }
            });

        } else if (userId == null) {
            if (confirm("你还未登录，现在去登陆？")) {
                window.location.href = "../index/login.html";
            }
        }
    });

</script>
</body>
</html>